<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>扩展panel</title>
<link type="text/css" rel="stylesheet" href="../doc/styles/shCoreDefault.css" />
<link type="text/css" rel="stylesheet" href="../resources/css/css.css" />

<script src="../../boot.js"></script>
</head>

<body>
<div class="pd10">
    <h3>jQuery Eayui Panel 功能扩展</h3>
    <h4>用法</h4>
    <p>
        以下为示例代码 <textarea name="dp-syntaxhighlighter" class="brush: js; highlight: [2,5]" >
        //  面板刷新后，面板内部呈现链接地址指向的页面
        p.panel("refresh", "http://www.baidu.com");

        //  给面板设置定义新的标题
        p.panel("setTitle", "xxxxxxxx");

        //  关于更多用法，请参见下面 API。
    </textarea>
    </p>
    <h4>扩展的属性</h4>
    <p>
        该扩展增加定义了如下属性：
    </p>
    <table class="doc-table">
        <tr>
            <th>Name</th>
            <th>Type</th>
            <th>Description</th>
            <th>Default</th>
        </tr>
        <tr>
            <td>plain</td>
            <td>boolean</td>
            <td>表示 easyui-panel 面板简单模式</td>
            <td>false</td>
        </tr>
         <tr>
            <td>fieldset</td>
            <td>boolean</td>
            <td>表示 easyui-panel 面板类似fieldset模式</td>
            <td>false</td>
        </tr>
        <tr>
            <td>fitWidth</td>
            <td>boolean</td>
            <td>表示 easyui-panel 自适应宽度，一般用于不能自适应高度，但是要自适应宽度的布局情况下</td>
            <td>false</td>
        </tr>
        <tr>
            <td>minWidth</td>
            <td>number</td>
            <td>表示 easyui-panel 面板的最小宽度</td>
            <td>0</td>
        </tr>
        <tr>
            <td>maxWidth</td>
            <td>number</td>
            <td>表示 easyui-panel 面板的最大宽度</td>
            <td>10000</td>
        </tr>
        <tr>
            <td>minHeight</td>
            <td>number</td>
            <td>表示 easyui-panel 面板的最小高度</td>
            <td>0</td>
        </tr>
        <tr>
            <td>maxHeight</td>
            <td>number</td>
            <td>表示 easyui-panel 面板的最大高度</td>
            <td>10000</td>
        </tr>
        <tr>
            <td>iniframe</td>
            <td>boolean</td>
            <td>表示 href 加载的远程页面是否装载在一个 iframe 中</td>
            <td>false</td>
        </tr>
    </table>
    <h4>扩展的事件</h4>
    <p>
        该扩展增加定义了如下事件：
    </p>
    <table class="doc-table">
        <tr>
            <th>Name</th>
            <th>Parameters</th>
            <th>Description</th>
        </tr>
        <tr>
            <td>onResize</td>
            <td>width,height</td>
            <td>重写 onResize 事件，用于扩展四个新增属性 minWidth、maxWidth、minHeight、maxHeight 的功能。</td>
        </tr>
    </table>
    <h4>扩展的方法</h4>
    <p>
        该扩展增加定义了如下方法：
    </p>
    <table class="doc-table">
        <tr>
            <th>Name</th>
            <th>Parameters</th>
            <th>Description</th>
            <th>Returns</th>
        </tr>
        <tr>
            <td>inLayout</td>
            <td>none</td>
            <td>判断当前 easyui-panel 是否为 easyui-layout 的 panel 部件。<br />
                </td>
            <td>如果当前 easyui-panel 是 easyui-layout 的 panel 部件，则返回 true，否则返回 false。</td>
        </tr>
        <tr>
            <td>inTabs</td>
            <td>none</td>
            <td>判断当前 easyui-panel 是否为 easyui-tabs 的选项卡。<br />
                </td>
            <td>如果当前 easyui-panel 是 easyui-tabs 的 panel 部件，则返回 true，否则返回 false。</td>
        </tr>
        <tr>
            <td>isWindow</td>
            <td>none</td>
            <td>判断当前 easyui-panel 是否为 easyui-window 组件。<br />
                </td>
            <td>如果当前 easyui-panel 是 easyui-window 的 panel 组件，则返回 true，否则返回 false。</td>
        </tr>
        <tr>
            <td>isDialog</td>
            <td>none</td>
            <td>判断当前 easyui-panel 是否为 easyui-dialog 组件。<br />
                </td>
            <td>如果当前 easyui-panel 是 easyui-dialog 的 panel 组件，则返回 true，否则返回 false。</td>
        </tr>
        <tr>
            <td>iframe</td>
            <td>none</td>
            <td>获取当前在 iniframe: true 时当前 panel 控件中的 iframe 容器对象。<br />
                </td>
            <td>如果 inirame: false，则该方法返回一个空的 jQuery 对象。</td>
        </tr>
        <tr>
            <td>refresh</td>
            <td>href</td>
            <td>重写 easyui-panel 控件的 refresh 方法，用于支持 iniframe 属性。<br />
                </td>
            <td>返回当前 easyui-panel 的 jQuery 对象。</td>
        </tr>
        <tr>
            <td>header</td>
            <td>none</td>
            <td>重写 easyui-panel 控件的 header 方法，支持位于 easyui-tabs 中的 tab-panel 部件获取 header 对象。<br />
                </td>
            <td>如果该 panel 位于 easyui-tabs 中，则该方法返回 easyui-tabs 的 div.tabs-header div.tabs-wrap ul.tabs 中对应 tab-panel 的 li 对象。</td>
        </tr>
        <tr>
            <td>setTitle</td>
            <td>title</td>
            <td>重写 easyui-panel 控件的 setTitle 方法，支持位于 easyui-tabs 中的 tab-panel 部件设置 title 操作。<br />
                </td>
            <td>返回当前 easyui-panel 的 jQuery 对象。</td>
        </tr>
    </table>
    <br />
</div>

<script type="text/javascript" src="../doc/scripts/shCore.js"></script> 
<script type="text/javascript" src="../doc/scripts/shBrushJScript.js"></script> 
<script type="text/javascript" src="../doc/scripts/shBrushXml.js"></script> 
<script type="text/javascript">
SyntaxHighlighter.config.tagName = "textarea";
SyntaxHighlighter.all();
</script>
</body>
</html>
